<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Handbag</title>
        <meta name="description" content="Handbag" />
        <link rel="stylesheet" type="text/css" href="../../assets/css/reset.css" />
        <link rel="stylesheet" type="text/css" href="js/nivo-slider.css" />
        <link rel="stylesheet" type="text/css" href="js/tinycarousel.css" />
        <link rel="stylesheet" type="text/css" href="js/default.css" />
        <link rel="stylesheet" href="js/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
        <script src="js/jquery.nivo.slider.pack.js" type="text/javascript" charset="utf-8"></script>
        <link href='http://fonts.googleapis.com/css?family=Fanwood+Text' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Lusitana' rel='stylesheet' type='text/css'>


    </head>
    <body>
        <div id="wrapper">	
            <div id="top">
                <div id="wrapper_menu">
                    <!--HMENU WIDGET [slug:menu, library:3, widget instance:1]-->
                    <div id="menu_wi_1" class="menu_3"> 
                        <!--Load css of widget-->
                        <!--<link rel="stylesheet" type="text/css" href="../../widget/hmenu/2/hmenu_2.css" />-->
                        <style>
                            #wrapper_menu{
                                width:100%;
                                background: url(images/menu_bg.png) repeat-x;
                                height: 82px;
                            }

                            .menu_3{
                                width:934px;
                                margin:0px auto;
                            }

                            .menu_3 ul li{
                                float:left;
                                width:129px;
                                height:82px;
                                text-align: center;
                                background: url(images/menu_items_divider_bg.png) no-repeat left;
                                line-height: 82px;
                            }

                            .menu_3 ul li a:link, .menu_3 ul li a:visited{
                                font-family: tahoma;
                                color:#b1b1b1;
                                font-size: 12px;
                                text-transform: uppercase;
                                display: block;

                            }

                            .menu_3 ul li.active a{
                                color:#ffffff;
                                background: url(images/menu_items_hover_bg.png) no-repeat center;  
                            }

                            .menu_3 ul li a:hover{
                                color:#ffffff;
                                background: url(images/menu_items_hover_bg.png) no-repeat center;

                            }

                            .menu_3 ul li:last-child{
                                background: url(images/menu_items_last_bg.png) no-repeat center;
                                width:129px;
                                height:82px;

                            }

                        </style>
                        <ul class="menu">
                            <li><a href="home.html">Home</a>
                            <li><a href="#">About us</a>
                            <li><a href="#">Services</a>
                            <li><a href="#">Practices</a>
                            <li><a href="#">Reosources</a>
                            <li class="active"><a href="gallery.html">Gallery</a>
                            <li class="last"><a href="contact.html">Contact Us</a>
                        </ul>
                    </div>
                    <!--END HMENU WIDGET--> 
                </div>
                <!--End #wrapper_menu-->   
            </div>
            <!--END top-->

            <div id="main">
                <div id="wrapper_header">
                    <div id="header_section">
                        <div id="wrapper_logo">
                            <!--LOGO WIDGET [slug:logo, library:2, widget instance:1]-->
                            <div id="logo_wi_1" class="logo_2"> 
                                <!--Load css of widget-->
                                <!--<link rel="stylesheet" type="text/css" href="../../widget/hmenu/2/hmenu_2.css" />-->
                                <style>
                                    #wrapper_header{
                                        min-height: 200px;
                                        background: #3b474d;
                                    }

                                    #wrapper_header #header_section{
                                        width:934px;
                                        margin:0px auto;
                                        min-height:150px;
                                        height:150px;
                                        height:auto !important;
                                    }

                                    #wrapper_logo{
                                        width:450px;
                                        float:left;
                                    }

                                    .logo_2 h1,h3{
                                        font-family: Arial;
                                    }

                                    .logo_2 h1{
                                        font-size: 45px;
                                        text-transform: uppercase;
                                        font-weight: normal;
                                        text-align: left;
                                        color:#ffffff;
                                        margin:25px 0px 10px 0px;
                                    }

                                    .logo_2 h3{
                                        font-size: 20px;
                                        font-weight: normal;
                                        text-align: left;
                                        color:#b1b1b1;

                                    }
                                </style>

                                <h1>
                                    privator
                                </h1>
                                <h3>
                                    Lawyer Bureau
                                </h3>

                            </div>
                            <!--END LOGO WIDGET--> 
                        </div><!--End #wrapper_logo-->

                        <div id="wrapper_search">
                            <!--SEARCH BAR WIDGET [slug:search, library:2, widget instance:1]-->
                            <style>
                                #wrapper_search{
                                    width:450px;
                                    float:right;
                                    text-align: right;
                                    margin-top: 20px;
                                }
                            </style>
                            <div id="search_bar_wi_1" class="search_bar_2"> 
                                <!--Load css of widget-->
                                <!--<link rel="stylesheet" type="text/css" href="../../widget/hmenu/2/hmenu_2.css" />-->
                                <style>
                                    .search_bar_2{
                                        position:relative;
                                    }
                                    .search_bar_2 .searchText{
                                        border:none;
                                        width:263px;
                                        height:41px;
                                        background: #364349;
                                        border:1px solid #47565d;
                                        line-height: 41px;
                                        padding-left:10px;
                                        color:#161a1c;
                                        font-family: Tahoma;
                                        font-size: 12px;
                                    }

                                    .search_bar_2 .buttonSearch{
                                        border:none;
                                        position:absolute;
                                        right: 20px;
                                        top: 16px;
                                        background: url(images/search_icon.png) no-repeat;
                                        height:20px;

                                    }
                                </style>
                                <form id="searchForm" class="searchForm" action="#" method="post">
                                    <input type="text" class="searchText" id="searchText" value="Search Keyword Here ..."/> 
                                    <input type="submit" class="buttonSearch" id="buttonSearch" value=""/>
                                </form>
                            </div>
                            <!--END SEARCH WIDGET--> 
                        </div><!--End #wrapper_search-->
                        <div class="clear"></div>

                    </div><!--End #header_section-->

                    <div id="wrapper_main">
                        <div id="main_content">
                            <style>
                                #wrapper_main{
                                    background:#ffffff;
                                    min-height:200px;
                                    margin-bottom:20px;

                                }
                                #wrapper_main #main_content{
                                    background:#ffffff;
                                    min-height:200px;
                                    margin-bottom:20px;
                                    padding-top:20px;
                                    width:936px;
                                    margin:0px auto;

                                }

                            </style>

                            <div id="wrapper_breadcrumbs">
                                <style>
                                    #wrapper_breadcrumbs{
                                        margin-bottom:20px;
                                    }
                                </style>
                                <!--BREADCRUMBS WIDGET [slug:breadcrumbs, library:1, widget instance:1]-->
                                <div id="breadcrumbs_wi_1" class="breadcrumbs_1"> 
                                    <!--Load css of widget-->
                                    <!--<link rel="stylesheet" type="text/css" href="breadcrumbs_0.css" />-->
                                    <style>
                                        .breadcrumbs_1{
                                            display:block;

                                        }
                                        .breadcrumbs_1 li{
                                            display:inline;
                                            padding-right:10px;
                                            background: url(images/breadcrumb_divider.png) no-repeat right;
                                            margin-right:10px;

                                        } 

                                        .breadcrumbs_1 li.current{
                                            margin-right:0px;
                                            background: none;

                                        }

                                        .breadcrumbs_1 li a:link, .breadcrumbs_1 li a:visited{
                                            color:#364349;
                                            font:bold 11px Tahoma;

                                        }

                                        .breadcrumbs_1 li a:hover{
                                            color:#881d15;

                                        }

                                        .breadcrumbs_1 li.current a:link, .breadcrumbs_1 li.current a:visited, .breadcrumbs_1 li.current a:hover{
                                            color:#50b9ea;


                                        }

                                    </style>
                                    <ul class="breadcrumbs">
                                        <li><a href="#">Trang chủ</a>
                                        <li class="current"><a href="#">Liên hệ</a>
                                    </ul>
                                </div>
                                <!--END BREADCRUMBS WIDGET--> 
                            </div><!--End #wrapper_breadcrumbs-->

                            <div id="wrapper_gallery">
                                <style>
                                    #gallery_list_0{
                                        padding-top: 25px;
                                    }
                                </style>
                                <!--GALLERY LIST WIDGET [slug:gallery list, library:0, widget instance:1]-->
                                <div id="gallery_list_wi_1" class="gallery_list_0"> 
                                    <style>
                                        .gallery_list_0 .page_number{
                                            text-align: right;
                                            margin-bottom:15px;
                                            font: 11px Arial;
                                            color:#686868;

                                        }

                                        .gallery_list_0 ul.gallery_list{
                                            width:936px;
                                            overflow:hidden;

                                        }

                                        .gallery_list_0 ul.gallery_list li{
                                            display: inline;
                                            float: left;
                                            margin-right: 52px;
                                            margin-bottom:15px;
                                            width: 280px;
                                        }

                                        .gallery_list_0 ul.gallery_list li.last{
                                            margin-right: 0;
                                            width: 270px;

                                        }

                                        .html_introduction_content_1 ul.gallery_list li.last, .html_introduction_content_1 ul.gallery_list li:last-child{
                                            margin-right: 0px;

                                        }

                                        .gallery_list_0 ul.gallery_list li h2{
                                            margin-bottom:10px;
                                        }

                                        .gallery_list_0 ul.gallery_list li h2 a:link, .gallery_list_0 ul.gallery_list li h2 a:visited{
                                            font:14px 'Lusitana', serif;
                                            color:#50b9ea;

                                        }

                                        .gallery_list_0 ul.gallery_list li h2 a:hover{

                                            color:#888888;

                                        }
                                        .gallery_list_0 ul.gallery_list li p{
                                            font:11px Tahoma;
                                            color:#878787;
                                            margin-bottom: 15px;
                                            line-height: 1.5em;
                                            text-align: justify;
                                            width:273px;
                                        }

                                        .gallery_list_0 ul.gallery_list li img{
                                            height: 180px;
                                            margin-bottom: 15px;
                                            width: 270px;
                                        }

                                        .gallery_list_0 ul.gallery_list li  .read_more{
                                            padding-left: 15px;
                                            background: url(images/read_more_icon.png) no-repeat left;
                                        }

                                        .gallery_list_0 ul.gallery_list li .read_more a:link, .gallery_list_0 ul.gallery_list li .service_content .read_more a:visited{
                                            font:11px Tahoma;
                                            color:#4d4848;
                                        }

                                        .gallery_list_0 ul.gallery_list li  .read_more a:hover{
                                            color:#888888;
                                        }

                                    </style>
                                    <div class="page_number">
                                        Result Pages : 1
                                    </div><!-- End .page_number -->
                                    <ul class="gallery_list">
                                        <li>
                                            <img src="images/gallery/gallery_image.png"/>
                                            <h2><a href="gallery_details.html">More Than Just a Lawyer</a></h2>
                                            <p>Lorem ipsum dolor sit amet, consectetuer 
                                                adipiscing elit, sed diam nonummy nibh euismod 
                                                tincidunt ut laoreet dolore magna aliquam erat 
                                                volutpat.
                                            </p>
                                            <div class="read_more"><a href="#">See more</a></div><!--End .read_more-->
                                        </li>
                                        <li>
                                            <img src="images/home/intro_1.png"/>
                                            <h2><a href="gallery_details.html">More Than Just a Lawyer</a></h2>
                                            <p>Lorem ipsum dolor sit amet, consectetuer 
                                                adipiscing elit, sed diam nonummy nibh euismod 
                                                tincidunt ut laoreet dolore magna aliquam erat 
                                                volutpat.
                                            </p>
                                            <div class="read_more"><a href="#">See more</a></div><!--End .read_more-->
                                        </li>
                                        <li class="last">
                                            <img src="images/home/intro_1.png"/>
                                            <h2><a href="gallery_details.html">More Than Just a Lawyer</a></h2>
                                            <p>Lorem ipsum dolor sit amet, consectetuer 
                                                adipiscing elit, sed diam nonummy nibh euismod 
                                                tincidunt ut laoreet dolore magna aliquam erat 
                                                volutpat.
                                            </p>
                                            <div class="read_more"><a href="#">See more</a></div><!--End .read_more-->
                                        </li>

                                        <li>
                                            <img src="images/home/intro_1.png"/>
                                            <h2><a href="gallery_details.html">More Than Just a Lawyer</a></h2>
                                            <p>Lorem ipsum dolor sit amet, consectetuer 
                                                adipiscing elit, sed diam nonummy nibh euismod 
                                                tincidunt ut laoreet dolore magna aliquam erat 
                                                volutpat.
                                            </p>
                                            <div class="read_more"><a href="#">See more</a></div><!--End .read_more-->
                                        </li>
                                        <li>
                                            <img src="images/home/intro_1.png"/>
                                            <h2><a href="gallery_details.html">More Than Just a Lawyer</a></h2>
                                            <p>Lorem ipsum dolor sit amet, consectetuer 
                                                adipiscing elit, sed diam nonummy nibh euismod 
                                                tincidunt ut laoreet dolore magna aliquam erat 
                                                volutpat.
                                            </p>
                                            <div class="read_more"><a href="#">See more</a></div><!--End .read_more-->
                                        </li>
                                        <li class="last">
                                            <img src="images/home/intro_1.png"/>
                                            <h2><a href="gallery_details.html">More Than Just a Lawyer</a></h2>
                                            <p>Lorem ipsum dolor sit amet, consectetuer 
                                                adipiscing elit, sed diam nonummy nibh euismod 
                                                tincidunt ut laoreet dolore magna aliquam erat 
                                                volutpat.
                                            </p>
                                            <div class="read_more"><a href="#">See more</a></div><!--End .read_more-->
                                        </li>


                                    </ul>
                                    <div class="clear"></div>

                                    <style>
                                        .wrapper_pagination {
                                            margin:10px 0px;
                                            
                                        }
                                        .wrapper_pagination .col_left{
                                            float:left;
                                            width:300px;
                                        }
                                        
                                        .wrapper_pagination .col_left p{
                                            font:11px Arial;
                                            color:#686868;
                                        }

                                        .wrapper_pagination .col_right{
                                            float:right;
                                            width:300px;
                                        }

                                        .wrapper_pagination .col_right ul{
                                            text-align: right;
                                        }

                                        .wrapper_pagination .col_right ul li{
                                            display: inline;
                                            font:11px Arial;
                                            color:#686868;
                                            margin-right:5px;
                                        }
                                        
                                        .wrapper_pagination .col_right ul li a:link, .wrapper_pagination .col_right ul li a:visited{
                                            
                                            color:#686868;
                                        }
                                        
                                        .wrapper_pagination .col_right ul li a:hover, .wrapper_pagination .col_right ul li.current_page a{
                                           
                                            color:#222222;
                                            text-decoration: underline;
                                        }
                                    </style>
                                    <div class="wrapper_pagination">
                                        <div class="col_left">
                                            <p>Displaying 1 to 4 (of 12 reviews)</p>
                                        </div><!-- End .col_left -->

                                        <div class="col_right">

                                            <ul pagination_list>
                                                <li>Results Page :</li>
                                                <li class="current_page"><a href="#">1</a></li>
                                                <li><a href="#">2</a></li>
                                                <li><a href="#">3</a></li>
                                                <li><a href="#">4</a></li>
                                                <li><a href="#">5</a></li>
                                                <li><a href="#">[Next >>]</a></li>
                                            </ul>
                                        </div><!-- End .col_right -->
                                        <div class="clear"></div>
                                    </div><!--End .wrapper_pagination-->
                                </div>
                                <!-- End GALLERY LIST WIDGET -->
                            </div><!--End #wrapper_gallery-->



                        </div><!--End #main_content-->

                    </div><!--End #wrapper_main--></div>

            </div><!--End #wrapper_header-->  

        </div><!--End #main-->




        <div id="wrapper_content">

        </div>
        <!--END wrapper_content-->
        <div id="clear"></div>

        <div id="wrapper_footer">
            <style>
                #wrapper_footer{
                    height:169px;
                    background: url(images/footer_bg.png) repeat-x;
                }
                #footer_section{
                    width:1000px;
                    margin:0px auto;

                }
            </style>
            <div id="footer_section">
                <!--FOOTER WIDGET [slug:footer, library:1, widget instance:1]-->
                <style>
                    .footer_1 .footer_left{
                        float:left;
                        width:248px;
                    }

                    .footer_1 .footer_left .footer_logo{
                        background: url(images/footer_logo_bg.png) no-repeat center;
                        width:248px;
                        height:180px;
                        margin-top:-16px;
                        padding-top:10px;


                    }
                    .footer_1 .footer_left .footer_logo h1, .footer_1 .footer_left .footer_logo h3{
                        font-family: Arial;
                        margin-left:50px;
                    }

                    .footer_1 .footer_left .footer_logo h1{
                        font-size: 30px;
                        text-transform: uppercase;
                        font-weight: normal;
                        color:#ffffff;
                        margin-bottom: 5px;
                        margin-top: 55px;


                    }

                    .footer_1 .footer_left .footer_logo h3{
                        font-size: 14px;
                        font-weight: normal;
                        color:#b1b1b1;

                    }

                    .footer_1 .footer_right{
                        float:right;
                        width:730px;
                    }

                    .footer_1 .footer_right ul.small_nav_1{
                        display:block;
                        margin-top: 30px;
                    }

                    .footer_1 .footer_right ul.small_nav_1 li{
                        display:inline;
                        padding-right: 15px;
                        padding-left: 5px;
                        background: url(images/footer_menu_divider.png) no-repeat right;


                    }

                    .footer_1 .footer_right ul.small_nav_1 li.last{
                        background: none;

                    }

                    .footer_1 .footer_right ul.small_nav_1 li a{
                        font-family: tahoma;
                        color:#777575;
                        font-size: 11px;


                    }

                    .footer_1 .footer_right ul.small_nav_2{
                        display:block;
                        margin-top: 20px;
                    }

                    .footer_1 .footer_right ul.small_nav_2 li{
                        display:inline;
                        padding-right: 15px;
                        padding-left: 5px;
                        background: url(images/footer_menu_divider.png) no-repeat right;


                    }

                    .footer_1 .footer_right ul.small_nav_2 li.last{
                        background: none;

                    }

                    .footer_1 .footer_right ul.small_nav_2 li a{
                        font-family: tahoma;
                        color:#353535;
                        font-size: 11px;

                    }

                    .footer_1 .footer_bottom{
                        margin-top:30px;
                    }

                    .footer_1 .footer_bottom .copyright{
                        float:left;
                        width:345px;
                    }

                    .footer_1 .footer_bottom .copyright p{
                        font-family: Tahoma;
                        font-size:10px;
                        color:#7e7f81;
                        margin-top: 25px;
                    }

                    .footer_1 .footer_bottom .social_network{
                        float:right;
                        width: 250px;
                    }

                    .footer_1 .footer_bottom .social_network ul li{
                        float:left;
                        width:40px;
                        height:40px;
                        margin-right:10px;
                    }



                </style>
                <div id="footer_wi_1" class="footer_1"> 
                    <div class="footer_left">
                        <div class="footer_logo">
                            <h1>
                                privator
                            </h1>
                            <h3>
                                Lawyer Bureau
                            </h3>
                        </div><!--End .footer_logo-->

                    </div><!--End .footer_left-->

                    <div class="footer_right">
                        <ul class="small_nav_1">
                            <li><a href="#">Contact</a></li>
                            <li><a href="#">Contact</a></li>
                            <li><a href="#">Contact</a></li>
                            <li><a href="#">Contact</a></li>
                            <li><a href="#">Contact</a></li>
                            <li><a href="#">Contact</a></li>
                            <li><a href="#">Contact</a></li>
                            <li><a href="#">Contact</a></li>
                            <li class="last"><a href="#">Personal information</a></li>
                        </ul>

                        <ul class="small_nav_2">
                            <li><a href="#">Contact</a></li>
                            <li><a href="#">Contact</a></li>
                            <li><a href="#">Contact</a></li>
                            <li><a href="#">Contact</a></li>
                            <li><a href="#">Contact</a></li>
                            <li class="last"><a href="#">Personal information</a></li>
                        </ul>

                        <div class="footer_bottom">
                            <div class="copyright">
                                <p>
                                    ©2012 POWERED BY PRIVATO™. ALL RIGHT RESERVED.
                                </p>
                            </div><!--End .copyright -->

                            <div class="social_network">
                                <ul>
                                    <li><a href="#"><img src="images/youtube_icon.png" alt="youtube"/></a></li>
                                    <li><a href="#"><img src="images/facebook_icon.png" alt="facebook"/></a></li>
                                    <li><a href="#"><img src="images/googleplus_icon.png" alt="google+"/></a></li>
                                    <li><a href="#"><img src="images/rss_icon.png" alt=""/></a></li>
                                    <li><a href="#"><img src="images/twitter_icon.png" alt="twitter"/></a></li>
                                </ul>
                            </div><!--End .social_network -->
                            <div class="clear"></div>
                        </div><!--End .footer_bottom -->
                    </div><!--End .footer_right-->
                    <div class="clear"></div>
                </div>
                <!--END FOOTER WIDGET--> 

            </div><!--End #footer_section-->

        </div><!--End #wrapper_footer-->
    </div>
    <!--END wrapper-->
</body>
</html>